<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Query Map</title>
	<link rel="stylesheet" href="../css/plugins/location.css">
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="../js/extras/location.js"></script>
	<script>
	$(function() {
		var addressQuery = $( "#addressQuery" ).ssLocation({
		  id : "<?= base64_encode("{$_GET["id"]}")  ?>",	
		  elements: {
		    map:      "#map",
		    lat:      "#lat",
		    lng:      "#lng"
		  }
		});
		var gmarker = addressQuery.ssLocation( "marker");
		gmarker.setVisible(true);
		addressQuery.ssLocation( "reloadPosition");
		
	});
	</script>
</head>
<body>
<div>
  <div>
    <div id="map"></div>
  	<div class='input'>
	    <label>Address : </label> <input id="addressQuery" value="" placeholder="Search by address name" />   <br/>
		<label>Lat:      </label> <input id="lat" type="text" value="<?= $_GET['lat']  ?>" disabled=disabled  > <br/>
		<label>Lng:      </label> <input id="lng" type="text" value="<?= $_GET['lng']  ?>" disabled=disabled > <br/>
    </div>
  </div>
</div>
</body>
</html>
